// axios基础的封装
import axios from "axios";
import { ElMessage } from "element-plus";
import { useUserStore } from "@/stores/userStore";
import router from "@/router";
const httpInstance = axios.create({
  baseURL: "http://pcapi-xiaotuxian-front-devtest.itheima.net", //根域名
  timeout: 5000, //超时时间
});

// 拦截器

// axios请求拦截器
httpInstance.interceptors.request.use(
  (config) => {
    // 1. 从pinia获取token数据
    const userStore = useUserStore();
    // 2. 按照后端的要求拼接token数据
    const token = userStore.userInfo.token;
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (e) => Promise.reject(e)
);

// axios响应式拦截器
httpInstance.interceptors.response.use(
  (res) => res.data,
  (e) => {

    const userStore = useUserStore();
    let message = e.response.data.message;
    // let status = e.response.status;
    // switch (status) {
    //   case 401:
    //     message = "TOKEN过期";
    //     break;
    //   case 403:
    //     message = "无权访问";
    //     break;
    //   case 404:
    //     message = "请求地址错误";
    //     break;
    //   case 500:
    //     message = "服务器出现错误";
    //     break;
    //   default:
    //     message = "网络出现错误";
    //     break;
    // }
    // 统一错误提示
    ElMessage({
      type: "warning",
      message: message,
    });
    // 401token失效处理
    if (e.request.status == 401) {
      userStore.clearUserInfo();
      router.push("/login");
    }

    return Promise.reject(e);
  }
);

export default httpInstance;
